/*   */
$(window).load(function () {
  $(".loading").fadeOut();
});

/****/
$(document).ready(function () {
  var whei = $(window).width();
  $("html").css({ fontSize: whei / 20 });
  $(window).resize(function () {
    var whei = $(window).width();
    $("html").css({ fontSize: whei / 20 });
  });
});


//验收流程
function acceptEcharts(titles, datas) {
  console.log(titles, datas);
  var myChart = echarts.init(document.getElementById("echart1"));
  // 颜色
  var lightBlue = {
    type: "linear",
    x: 20,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [
      {
        offset: 0,
        color: "rgba(41, 121, 255, 1)",
      },
      {
        offset: 1,
        color: "rgba(0, 192, 255, 1)",
      },
    ],
    globalCoord: false,
  };

  var option = {
    tooltip: {
      show: false,
    },
    grid: {
      top: "0%",
      left: "75",
      right: "14%",
      bottom: "0%",
    },
    xAxis: {
      min: 0,
      max: 100,
      splitLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },
      axisLine: {
        show: false,
      },
      axisLabel: {
        show: false,
      },
    },
    yAxis: {
      inverse: true, //是否是反向坐标轴
      data: titles,
      //offset: 15,
      axisTick: {
        show: false,
      },
      axisLine: {
        show: false,
      },
      axisLabel: {
        color: "rgba(255,255,255,.6)",
        fontSize: 14,
      },
    },
    series: [
      {
        type: "bar",
        label: {
          show: true,
          position: "right",
          padding: 10,
          color: "#49bcf7",
          fontSize: 14,
          formatter: '{c}%'
        },
        itemStyle: {
          color: "#49bcf7",
        },
        barWidth: "15",
        data: datas,
        z: 10,
      },
      {
        type: "bar",
        barGap: "-100%",
        itemStyle: {
          color: "#fff",
          opacity: 0.1,
        },
        barWidth: "15",
        data: [100, 100, 100, 100, 100, 100, 100, 100, 100],
        z: 5,
      },
    ],
    dataZoom: [
      {
        //滑动条
        yAxisIndex: 0, //这里是从X轴的0刻度开始
        show: false, //是否显示滑动条，不影响使用
        type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
        startValue: 0, // 从头开始。
        endValue: 4, // 一次性展示5个。
      },
    ],
  };
  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);
  window.addEventListener("resize", function () {
    myChart.resize();
  });

  //自动滚动
  var timeOut = setInterval(() => {
    // 如果轮播完了则回到开始
    if (option.dataZoom[0].endValue == option.series[0].data.length - 1) {
      option.dataZoom[0].startValue = 0;
      option.dataZoom[0].endValue = 4;
    } else {
      option.dataZoom[0].endValue = option.dataZoom[0].endValue + 1;
      option.dataZoom[0].startValue = option.dataZoom[0].startValue + 1;
    }
    //重新把配置项给实例对象
    myChart.setOption(option);
  }, 2000);
}




function acceptMobileEcharts(titles, datas) {
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById("echart1s"));
  // 颜色
  var lightBlue = {
    type: "linear",
    x: 20,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [
      {
        offset: 0,
        color: "rgba(41, 121, 255, 1)",
      },
      {
        offset: 1,
        color: "rgba(0, 192, 255, 1)",
      },
    ],
    globalCoord: false,
  };

  var option = {
    tooltip: {
      show: false,
    },
    grid: {
      top: "5%",
      left: "25%",
      right: "25%",
      bottom: "5%",
      containLabel: true
    },
    xAxis: {
      min: 0,
      max: 100,
      splitLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },
      axisLine: {
        show: false,
      },
      axisLabel: {
        show: false,
      },
    },
    yAxis: {
      inverse: true, //是否是反向坐标轴
      data: titles,
      //offset: 15,
      axisTick: {
        show: false,
      },
      axisLine: {
        show: false,
      },
      axisLabel: {
        color: "#fff",
        fontSize: 16,
        padding: [0, 20, 0, 0]
      },
    },
    series: [
      {
        type: "bar",
        label: {
          show: true,
          zlevel: 10000,
          position: "right",
          padding: [0, 0, 0, 20],
          color: "#fff",
          fontSize: 16,
          formatter: '{c}%'
        },
        itemStyle: {
          color: "#49bcf7",
        },
        barWidth: "12",
        data: datas,
        z: 10,
      },
    ],
    dataZoom: [
      {
        //滑动条
        yAxisIndex: 0, //这里是从X轴的0刻度开始
        show: false, //是否显示滑动条，不影响使用
        type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
        startValue: 0, // 从头开始。
        endValue: 4, // 一次性展示5个。
      },
    ],
  };
  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);
  window.addEventListener("resize", function () {
    myChart.resize();
  });

  //自动滚动
  var timeOut = setInterval(() => {
    // 如果轮播完了则回到开始
    if (option.dataZoom[0].endValue == option.series[0].data.length - 1) {
      option.dataZoom[0].startValue = 0;
      option.dataZoom[0].endValue = 4;
    } else {
      option.dataZoom[0].endValue = option.dataZoom[0].endValue + 1;
      option.dataZoom[0].startValue = option.dataZoom[0].startValue + 1;
    }
    //重新把配置项给实例对象
    myChart.setOption(option);
  }, 2000);
}